<template>
	<view>		
		<navigator url="../Dis_inter/PublicBenefitActivities/PublicBenefitActivities">
			<button class="b1">公益活动</button>
		</navigator>
		<navigator url="../Dis_inter/MedicalRehabilitation/MedicalRehabilitation">
			<button class="b2">医疗康复</button>
		</navigator>
		<navigator url="../Dis_inter/EducationAndTraining/EducationAndTraining">
			<button class="b3">教育培训</button>
		</navigator>
		<navigator url="../Dis_inter/PracticalEmployment/PracticalEmployment">
			<button class="b4">实岗就业</button>
		</navigator>
		<navigator url="../Dis_inter/Help/Help">
			<button class="b5">帮扶</button>
		</navigator>
		<navigator url="../Dis_inter/MessageConsultation/MessageConsultation">
			<button class="b6">留言咨询</button>
		</navigator>		
	</view>
</template>

<script>
	import {mapState,mapMutations} from 'vuex';
	
	export default {
		data() {	
			return {
				
			}
		},
		computed: mapState(['position', 'userData']),
		methods: {
					...mapMutations(['getPosition', 'getUserData']),
				  }
		}
</script>
	
<style>
 .b1{
	 border-radius: 50px;
	 margin-top: 20px;
	 margin-left: 5px;
	 margin-right: 5px;
	 color: white;
	 background-color: #FF99CC;
 }
 
 .b2{
 	 border-radius: 50px;
 	 margin-top: 20px;
	 margin-left: 5px;
	 margin-right: 5px;
 	 color: white;
 	 background-color: #CC9966;
 }
 
 .b3{
 	 border-radius: 50px;
 	 margin-top: 20px;
	 margin-left: 5px;
	 margin-right: 5px;
 	 color: white;
 	 background-color: #99CC33;
 }
 
 .b4{
	 border-radius: 50px;
	 margin-top: 20px;
	 margin-left: 5px;
	 margin-right: 5px;
	 color: white;
	 background-color: #009966;
 }
 
 .b5{
	 border-radius: 50px;
	 margin-top: 20px;
	 margin-left: 5px;
	 margin-right: 5px;
	 color: white;
	 background-color: #CC6699;
 }
 
 .b6{
	 border-radius: 50px;
	 margin-top: 20px;
	 margin-left: 5px;
	 margin-right: 5px;
	 color: white;
	 background-color: #9999CC;
 }
</style>
